---
title: useTranslations
description: The useTranslations hook provides access to the consent manager's translations.
lastModified: 2025-08-20
availableIn:
  - framework: 'next'
    url: '/docs/frameworks/next/hooks/use-translations'
    title: 'Next.js'
  - framework: 'react'
    url: '/docs/frameworks/react/hooks/use-translations'
    title: 'React'
---

The `useTranslations` hook provides access to the consent manager's translations found in the store and updates when the translations change.

## Usage

```tsx
function MyComponent() {
  const translations = useTranslations();
  
  const title = translations.cookieBanner.title;
  // Use the translations in your component
  return <h1>{title}</h1>;
}
```

## Returns

The `useTranslations` hook returns the translations object.

<import>../../javascript/shared/translation-types.mdx</import>
